<!DOCTYPE html>
<html>
<head>
    <title>订单基础信息表</title>
		<#include "/header.html">

</head>
<style>
    #rrapp{
        word-break:break-all;
        overflow-x: hidden;
    }
    #rrapp .form-group span{
        vertical-align: sub;
        color: gray;
        /*font-size: 14px;*/
    }
    .panel table tr{
        height: 30px;
    }
    #rrapp .el-cascader{
        width: 100%;
    }
    .panel table tr td{
        vertical-align: middle !important;
    }
    a:link,a:visited{
        text-decoration:none;
    }
</style>
<body>
    <div id="rrapp" v-cloak>
        <!-- 操作 start -->
        <div class="panel-default" style="display: block;" align="center">
            <!-- 操作 start-->
            <div class="panel-default" style="display: block;" align="center">
                <div style="padding: 5px 0;" class="container">
                    <div class="row">
                        <div class="col-md-6 col-md-offset-3">
                            <div class="btn-group btn-group-sm">
                                <button type="button" class="btn btn-default" style="width: 100px;height: 30px;" @click="goBack">返回</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 操作 end-->
        </div>
        <!-- 操作 end -->

        <!-- 订单信息 start -->
        <div style="margin-bottom: 5px;">
            <span style="margin-left: 10px;"><strong>订单信息</strong></span>
        </div>
        <div class="panel panel-default">
            <table class="table">
                <tbody>
                <tr class="active">
                    <td>&nbsp;&nbsp;&nbsp;{{orderInfo.createtime}} &nbsp;&nbsp;&nbsp; 订单编号：{{orderInfo.orderId}}</td>
                </tr>
                </tbody>
            </table>
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-3">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <div class="col-md-2 control-label">会员名：</div>
                                <div class="col-md-6">
                                    <span>{{orderInfo.memberName}}</span>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-2 control-label">收货人：</div>
                                <div class="col-md-6"><span>{{erpOrder == null ? orderInfo.shipName : erpOrder.shipName}}</span></div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-2 control-label">联系方式：</div>
                                <div class="col-md-6"><span>{{erpOrder == null ? orderInfo.shipMobile : erpOrder.shipMobile}}</span></div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-2 control-label">交货时间：</div>
                                <div class="col-md-6">
                                    <span>{{erpOrder == null ? orderInfo.shipTime : erpOrder.shipTime}}</span>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="col-md-3">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <div class="col-md-2 control-label">配送方式：</div>
                                <div class="col-md-6">
                                    <template v-if="erpOrder != null">
                                        <span>{{erpOrder.sendType == 0 ? '非自提' : '自提'}}</span>
                                    </template>
                                    <template v-else>
                                        <span>{{orderInfo.pickUp == true ? '自提' : '非自提'}}</span>
                                    </template>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-2 control-label">配送地区：</div>
                                <div class="col-md-6"><span>{{erpOrder == null ? orderInfo.shipArea : erpOrder.shipArea}}</span></div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-2 control-label">地址：</div>
                                <div class="col-md-6"><span>{{erpOrder == null ? orderInfo.shipAddr : erpOrder.shipAddr}}</span></div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-2 control-label">邮编：</div>
                                <div class="col-md-6"><span>{{erpOrder == null ? orderInfo.shipZip : erpOrder.shipZip}}</span></div>
                            </div>
                        </form>
                    </div>
                    <div class="col-md-3">
                        <form class="form-horizontal">

                            <div class="form-group">
                                <div class="col-md-2 control-label">配送报价：</div>
                                <div class="col-md-5">
                                    <span>{{erpOrder == null ? orderInfo.costFreight : erpOrder.costFreight}}</span>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-2 control-label">商品重量：</div>
                                <div class="col-md-5">
                                    <span>{{orderInfo.weight <= 0 ?  '' : orderInfo.weight}}</span>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-2 control-label">获得积分：</div>
                                <div class="col-md-5">
                                    <span>{{orderInfo.scoreG}}</span>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="col-md-3">
                        <form class="form-horizontal">

                            <div class="form-group">
                                <div class="col-md-2 control-label">顾客备注：</div>
                                <div class="col-md-6">
                                    <span>{{orderInfo.memo}}</span>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- 订单信息 end -->

        <!-- 商品信息 start -->
        <div style="margin-bottom: 5px;">
            <span style="margin-left: 10px;"><strong>商品信息</strong></span>
        </div>
        <div class="panel panel-default">
            <table class="table table-bordered">
                <tbody>
                <tr class="text-center active">
                    <td width="5%">序号</td>
                    <td width="5%">商品ID</td>
                    <td>商品名称</td>
                    <td width="30%">规格/尺寸/材质/工艺</td>
                    <td>类型</td>
                    <td>数量</td>
                    <td>金额</td>
                    <td width="5%">源文件</td>
                    <td>需求描述</td>
                    <td>设计人</td>
                </tr>
                <tr class="text-center" v-for="(orderItem, index) in orderItemList">
                    <td>{{index+1}}</td>
                    <td>{{orderItem.goodsId}}</td>
                    <td>{{orderItem.name}}</td>
                    <td style="text-align:left;">{{orderItem.addon}}</td>
                    <td>
                        <template v-for="item in e.goodsTypeEnum">
                            <template v-if="orderItem.goodsType == item.value">
                                {{item.describe}}
                            </template>
                        </template>
                    </td>
                    <td>{{orderItem.nums}}</td>
                    <td>{{orderItem.amount}}</td>
                    <td>
                        <el-badge :value="orderItem.fileNums" class="item">
                            <el-button size="mini" type="text" @click="itemFileShow(index)" icon="el-icon-download">下载</el-button>
                        </el-badge>
                    </td>
                    <td style="text-align:left;">{{orderItem.reqDesc == null ? '' : orderItem.reqDesc}}</td>
                    <td>{{orderItem.designer == null ? '' : orderItem.designer}}</td>
                </tr>
                </tbody>
            </table>
        </div>
        <!-- 商品信息 end -->

        <!-- 费用明细 start -->
        <div style="margin-bottom: 5px;">
            <span style="margin-left: 10px;"><strong>费用明细</strong></span>
        </div>
        <div class="panel panel-default">
            <table class="table table-bordered">
                <tbody>
                <tr class="text-center active">
                    <td>商品总额</td>
                    <td>配送费用</td>
                    <td>订单总额</td>
                    <td>调价</td>
                    <td>商品促销优惠</td>
                    <td>优惠券</td>
                    <td>随机立减</td>
                    <td>运费保险</td>
                    <td>应支付额</td>
                    <td>已支付额</td>
                </tr>
                <tr class="text-center">
                    <td>{{orderInfo.totalAmount}}</td>
                    <td>{{orderInfo.costFreight}}</td>
                    <td>{{orderInfo.totalAmount}}</td>
                    <td>{{orderInfo.discount}}</td>
                    <td>{{orderInfo.pmtGoods}}</td>
                    <td>{{orderInfo.pmtOrder}}</td>
                    <td>{{orderInfo.pmtRandom}}</td>
                    <td></td>
                    <td>{{orderInfo.payableAmount}}</td>
                    <td>{{orderInfo.payed}}</td>
                </tr>
                </tbody>
            </table>
        </div>
        <!-- 费用明细 end -->

        <!-- 支付信息 start -->
        <div style="margin-bottom: 5px;">
            <span style="margin-left: 10px;"><strong>支付信息</strong></span>
        </div>
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="col-md-2">
                    <strong>支付单号：</strong><span v-if="!isBlank(userPayment)" style="color: grey;">{{userPayment.paymentId}}</span>
                </div>
                <div class="col-md-2">
                    <strong>支付类型：</strong><span v-if="!isBlank(userPayment)" style="color: grey;">{{userPayment.payName}}</span>
                </div>
                <div class="col-md-2">
                    <strong>支付金额：</strong><span v-if="!isBlank(userPayment)" style="color: grey;">{{userPayment.money}}</span>
                </div>
                <div class="col-md-2">
                    <strong>支付时间：</strong><span v-if="!isBlank(userPayment)" style="color: grey;">{{userPayment.tpayed}}</span>
                </div>
            </div>
        </div>
        <!-- 支付信息 end -->

        <!-- 发票信息 start -->
        <div style="margin-bottom: 5px;">
            <span style="margin-left: 10px;"><strong>发票信息</strong></span>
        </div>
        <div class="panel panel-default">
            <table class="table table-bordered">
                <tbody>
                <tr class="text-center active">
                    <td>发票类型</td>
                    <td>纳税人识别号</td>
                    <td>发票内容</td>
                    <td>注册地址</td>
                    <td>发票抬头</td>
                    <td>注册电话</td>
                    <td>发票种类</td>
                    <td>开户银行</td>
                    <td>银行账户</td>
                    <td>税金</td>
                </tr>
                <tr class="text-center">
                    <td>
                        <template v-for="item in e.taxTypeEnum">
                            <template v-if="item.value == orderInfo.taxType">
                                {{item.describe}}
                            </template>
                        </template>
                    </td>
                    <td>{{orderInfo.taxIdentification}}</td>
                    <td>{{orderInfo.taxContent}}</td>
                    <td>{{orderInfo.taxAddr}}</td>
                    <td>{{orderInfo.taxCompany}}</td>
                    <td>{{orderInfo.taxTel}}</td>
                    <td></td>
                    <td>{{orderInfo.taxAccountName}}</td>
                    <td>{{orderInfo.taxNumber}}</td>
                    <td></td>
                </tr>
                </tbody>
            </table>
        </div>
        <!-- 发票信息 end -->

        <!-- 订单备注 订单日志 start -->
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-6">
                        <!-- 订单备注 start -->
                        <div style="margin-bottom: 5px;">
                            <span style="margin-left: 10px;"><strong>订单备注</strong></span>
                        </div>
                        <div class="panel panel-default">
                            <table class="table table-bordered">
                                <tbody>
                                    <tr class="text-center active">
                                        <td>序号</td>
                                        <td>时间</td>
                                        <td>操作人</td>
                                        <td>操作内容</td>
                                    </tr>
                                    <tr class="text-center" v-for="(remark, index) in orderRemarks">
                                        <td>{{index + 1}}</td>
                                        <td>{{remark.orCreateTime}}</td>
                                        <td>{{remark.orCreateNameVal}}</td>
                                        <td>{{remark.orRemarks}}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <!-- 订单备注 end -->
                    </div>
                    <div class="col-md-6">
                        <!-- 订单日志 start -->
                        <div style="margin-bottom: 5px;">
                            <span style="margin-left: 10px;"><strong>订单日志</strong></span>
                        </div>
                        <table class="table table-bordered">
                            <tbody>
                            <tr class="text-center active">
                                <td>序号</td>
                                <td>时间</td>
                                <td>操作人</td>
                                <td>操作内容</td>
                            </tr>
                            <tr class="text-center" v-for="(log, index) in erpOrderLogs">
                                <td>{{index + 1}}</td>
                                <td>{{log.createTime}}</td>
                                <td>{{log.createName}}</td>
                                <td>{{log.logText}}</td>
                            </tr>
                            </tbody>
                        </table>
                        <!-- 订单日志 end -->
                    </div>
                </div>
            </div>
        </div>
        <!-- 订单备注 订单日志 end -->

        <!-- 文件下载列表 -->
        <el-dialog title="商品文件下载" :visible.sync="fileTableVisible" width= "40%" >
            <el-table :data="itemFile.itemFiles" size="small">
                <el-table-column property="goodsName" label="商品名称"></el-table-column>
                <el-table-column v-if="false" property="id" label="文件ID"></el-table-column>
                <el-table-column property="name" label="文件名"></el-table-column>
                <el-table-column property="size" label="文件大小"></el-table-column>
                <el-table-column label="操作">
                    <template slot-scope="scope">
                        <el-row>
                            <el-button @click="itemSourceFileDownload(scope.row)" type="text" size="mini" icon="el-icon-download">下载</el-button>
                        </el-row>
                    </template>
                </el-table-column>
            </el-table>
        </el-dialog>

    </div>
    <#include "/modules/service/serviceRegisterPage.html">
<script src="${request.contextPath}/statics/js/modules/order/orderinfoaudit.js?_${.now?long}"></script>
</body>
</html>